﻿/* CSS Document */
.w98{width: 1100px;margin: 0 calc(50% - 550px);}
.head .top{height:120px;}
.head .top .line{height:20px;line-height:20px;background:  #999;color:#fff;font-size:12px;}
.head .top .logo {width:100%;height:100px;float:left;}
.head .top .logo img{width:auto;height:56px;margin:30px 0 0 10px;}

 @media screen and (max-width: 1024px) {
.w98{width: 1000px;margin: 0 calc(50% - 500px);}
}

.navbar-box{width:100%;background:#333;border-bottom:solid 1px #fff;}
.navbar{ }

.linav {}
.linav li {width:9.7111111%;text-align:center;float:left;height:55px;line-height:55px; }
.linav li a{width:100%;text-align:center;color:#fff;font-weight:500;}
.linav li:hover{background:#2655a7;}


.menu-mobile {display:none;padding:10px;}
.mlogo {height:38px;padding-top:20px;}
.menu-mobile:after {content:"MENU";line-height:50px;font-size:1.2rem;padding:0;float:right;position:relative;top:15px;opacity:.8;/*-webkit-transform:translateY(-25%);-ms-transform:translateY(-25%);transform:translateY(-25%);*/}
 
 
.footer{width:100%;height:320px;background:#000 url(../images/f-bg.jpg) no-repeat center top; }
.map {width:100%;height:390px;}
.footer .inner{height:270px;}
.footer .f-logo {width:34%;float:left;}
.footer .contact{width:calc(34% - 37px);float:left;margin:40px 0 25px 0;padding:0 10px 0 25px;border-left:1px dashed #aaa;border-right:1px dashed #aaa;}
.footer .wechat{width:calc(32% - 40px);float:left;margin:40px 30px 25px 10px;}

.footer .f-logo img{width:300px;height:auto;margin:70px calc(50% - 150px);}
.footer .contact .c-tlt{font-size:24px;color:#fff;line-height:24px;}
.footer .contact .c-p{font-size:14px;color:#aaa;height:24px;line-height:24px;overflow:hidden;}
.footer .contact p:nth-child(2){margin-top:16px;}

.footer .wechat .c-tlt{font-size:24px;color:#fff;line-height:24px;text-align:center;}
.footer .wechat li{width:calc(50% - 40px);float:left;margin:23px 10px 20px 15px;}
.footer .wechat li img{width:100%;height:auto;}
.footer .wechat li p{height:20px;line-height:20px;text-align:center;}
.footer .copyright {height:60px;line-height:60px;text-align:center;}
@media screen and (max-width: 1024px) {
.footer{height:auto;} 
.footer .inner{height:auto;} 
}
@media screen and (max-width: 768px) {
.w98{width:100%;margin:0;}
.top,.logo,.footer .con .inner .f-nav{display:none;}	
.top {margin:0;}
.top .navbar {width:100%;height:58px;line-height:58px;float:none;margin:0 ;}
.container { width:100%; margin:0px; }
.navbar-box{width:100%;height:68px;background:#fff;}
.navbar {width:100%;float:none;background:#fff;padding-left: 0px;}
.navBar .show-on-mobile {display:block;transition: ease-in-out .5s;}
.menu-container {width:100%;}
.menu-mobile {display:block;padding:0px 5px;transition: ease-in-out .5s;}
.nav {display:none;background:#e4263b;position:relative;line-height:28px;height:auto;margin:0;}
.show-on-mobile {display:block;z-index:9999;}
.linav li {width:100%;height:28px;line-height:28px; z-index:9999;margin: 0;}
.linav li a{width:100%;color:#fff;margin-top:0px;border-bottom: solid 1px #fff;}
.footer{height:auto;} 
.footer .f-logo img{margin:90px calc(50% - 150px);}
.footer .inner{height:auto;} 
.footer .f-logo {width:100%;float:left;}
.footer .contact{width:calc(100% - 37px);}
.footer .contact .c-tlt,.footer .contact .c-p{text-align:center;}
.footer .wechat{width:calc(100% - 40px);margin:40px 20px 25px 20px;}
.footer .wechat li{width:calc(50% - 40px);margin:23px 20px 20px 20px;}
 .footer .copyright {height:90px;line-height:30px;}
}

.pbanner,.pbanner img,.main{width:100%;height:auto;}
 

.curmb{height:28px;line-height:28px;padding:12px 0 0 25px;border-bottom:solid 1px #404040;color:#404040;}
.curmb a{font-size:14px;color:#404040;}


.h2-tlt-b{height:70px;line-height:70px;font-size:24px;color:#000;text-align:center;}
.h6-tlt{font-size:16px;font-weight:300;text-align:center;color:#2655a7;line-height:30px;}
.ad-red-line{border-top:solid 2px #e4263b;width:500px;height:2px;margin:15px calc(50% - 250px) 5px;}

.search{height:80px;background:#2655a7}
.search .hot-key{width:calc(63.6% - 10px);float:left;line-height:80px;}
.search .hot-line{width:calc(36.4% - 61px);float:left;height:60px;padding:10px 10px 10px 41px;background: url(../images/tel-bg.png) no-repeat left   20px;}
.search .hot-line .h-l-tlt{width:100%;color:#fff;padding-left:15px;font-size:14px;height:26px;line-height:26px;letter-spacing:5px;}
.search .hot-line .h-l-tel{color:#fff;padding-left:15px;font-size:34px;font-family: Georgia, "Times New Roman", Times, serif;height:34px;line-height:34px;letter-spacing:2px;}
.hot-key,.hot-key a{text-align:center;color:#fff;font-size:13px;line-height:46px;margin:0 5px;}
.tlt-line{height:13px;background: url(../images/tlt.png) no-repeat center top;}
.link span{color:#e4263b;}
@media screen and (max-width: 768px) {
 
.curmb{text-align:center;}
.h2-tlt-b{height:32px;line-height:32px;font-size:24px;}
.h6-tlt{font-size:14px;line-height:20px;}
.ad-red-line{width:calc(100% - 30px);margin:15px 15px 5px;}
.hot-key{display:none;}	
 .search{height:100px;}
	}
